<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<%@ include file="/include/master-head.jsp"%>
<style>
<%@ include file="/resource/plugins/css/seatMap.css"%>
</style>
<script>
	
<%@ include file="/resource/scripts/quadrant.js"%>
	
</script>
</head>
<body>

	<jsp:include page="/include/header-nav.jsp"></jsp:include>


	<!-- 	This is a template page for pls - with header and footer.  -->
	<!--    Note: please put the html/jsp goodness inside the div with .content class. -->
	<!--    It is used for the hiding the current content in the search function of pls. Thanks! -->

	<div class="content">
		<div class="jumbotron">

			<div class="container">
				<div class="row">
					<div class="col-md-6">View Seat</div>
				</div>
			</div>

		</div>
	
		<div class="row">
			<div class="col-md-2 floor">PIC 3F</div>
			<div class="col-md-2 location">
					<form action="/PeopleLocatorSystem/ViewSeatMapServlet">
					<input type="hidden" name="location" value="PIC3FA">
			<button type="submit">Quadrant A</button>
		</form>	<form action="pages/seatmap3fb.jsp">
		<input type="hidden" name="location" value="PIC3FB">
				<button type="submit">Quadrant B</button></form>	
		<form action="/PeopleLocatorSystem/ViewSeatMapServlet">
				<button type="submit" name="location" value="PIC3FC">Quadrant C</button></form>	
					<form action="/PeopleLocatorSystem/ViewSeatMapServlet">
				<button type="submit" name="location" value="PIC3FD">Quadrant D</button></form>	
		
				
			</div>

		
		</div>
<div class="col-md-12">
		<div class="perspective"></div>
		<div class="clearfix"></div>
		<div class="workstationSpace1"></div>
		<div class="clearfix"></div>
		<div class="workstationSpace2"></div>
<div class="clearfix"></div>
		<div class="workstationSpace3"></div>
		<div class="clearfix"></div>
<div class="clearfix"></div>
		<div class="workstationSpace4"></div>
<div class="clearfix"></div>
		<div class="workstationSpace5"></div>

<div class="clearfix"></div>
		<div class="workstationSpace6"></div>
<div class="clearfix"></div>
		<div class="workstationSpace7"></div><div class="clearfix"></div>

	</div>

<c:forEach items="${seatCode}" var="seats" >
   		
	   		<div class="workstationSpace" id ="${seats.seatDetails.seatCode}" >
	   		<c:out value="${seats.seatDetails.seatType}"/>
	   			<c:out value="${seats.seatDetails.seatCode}"/>
	   			</div>
	</c:forEach>

	<c:forEach items="${seatMapByQuadrant}" var="employeeWorkStation" >
	   		<div class="empDetails" id ="${employeeWorkStation.seatDetails.seatCode}" >
	   			<c:out value=" ${employeeWorkStation.employee.firstName}"/>
	   		<c:out value=" ${employeeWorkStation.employee.lastName}"/>
   		
   	</div>
	   	
   		
   		 
	</c:forEach>

	</div>
	

	<jsp:include page="/include/footer.jsp"></jsp:include>
</body>
</html>